/* static/styles/home.css */

.card:hover{
    cursor: pointer;
}



.container-footer{
    margin-bottom: 0;
    margin-left: 2rem;
}

.is-hidden {
    display: none !important;
}

/* ======================================================
   HOME — cards um pouco mais altos
   ====================================================== */
body.page-home .cards-grid .func-card{
  min-height: 190px;
  display: flex;
  flex-direction: column;
}
body.page-home .cards-grid .card-body{ flex: 1; padding-top: 1rem; }
body.page-home .cards-grid .card-footer{ margin-top: auto; }

:root { --footer-h: 56px; } /* ajuste */

.footer-ryze{
  position: fixed;
  font-size: 0.9rem;
  color: #555;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--footer-h);
  z-index: 1200; /* acima da home-section */
  display: none;
  padding: 10px;
  background-color: transparent;
}

/* body.page-home .footer-ryze { display: block; } */

:root{
  --footer-h: 56px;      /* a altura do teu footer */
  --paginacao-h: 54px;   /* área da paginação (ajuste fino) */
}

/* padrão: não mostra footer */
.footer-ryze{ 
  display: none !important;
}

body.page-home .footer-ryze{
  display: block !important;
}

/* paginação flutuante */
#paginacao{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--footer-h) + 10px); /* fica acima do footer */
  z-index: 1500; /* acima do conteúdo, abaixo do suporte */
  width: min(720px, calc(100vw - 50vw));
  display: flex;
  justify-content: center;
  pointer-events: auto;
}

/* garante que o conteúdo não fique escondido atrás */
body.page-home{
  padding-bottom: calc(var(--footer-h) + var(--paginacao-h));
}

/* ======================================================
   HOME — cards um pouco mais altos
   ====================================================== */

body.page-home .cards-grid .func-card {
  min-height: 190px;   /* ajusta aqui: 250 / 270 / 280 */
  display: flex;
  flex-direction: column;
}

body.page-home .cards-grid .card-body {
  flex: 1;               /* ocupa o meio */
  padding-top: 1rem;
}

body.page-home .cards-grid .card-footer {
  margin-top: auto;      /* botão sempre embaixo */
}


/* =====================================================
   HOME — rodapé informativo (texto apenas)
   ===================================================== */

.home-footer-info{
  margin: 32px auto 16px;
  padding: 12px 16px;
  width: 100%;
  max-width: 1200px;

  text-align: center;
  font-size: 0.8rem;
  color: #64748b;

  border-top: 1px dashed rgba(148,163,184,.35);
}

body.page-home #paginacao{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16px;                 /* agora é fixo mesmo */
  z-index: 1200;                /* acima do conteúdo */
  width: min(720px, calc(100vw - 2rem));
  display: flex;
  justify-content: center;
  pointer-events: auto;
}

/* suporte sempre acima de tudo */
#supportWidget,
.sw,
.js-atendimento{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 3000;
}


/* botão fica no canto */
.js-atendimento{
  right: 16px;
  bottom: 16px;
  z-index: 3100;
}

/* widget abre um pouco acima */
#supportWidget,
.sw{
  right: 16px;
  bottom: 0px;   /* sobe o widget */
  z-index: 3000;
}

/* =========================================================
   HOME — Footer colado no rodapé + Paginação acima + Suporte
   ========================================================= */
:root{
  --home-footer-h: 35px;
  --home-gap: 4px;
}

/* footer fixo no fundo */
body.page-home #home-footer-ryze{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 5px;

    height: var(--home-footer-h);
    padding: 10px 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    z-index: 2600;
    background: transparent; /* ou #fff */
}

/* texto bem embaixo à esquerda */
body.page-home #home-footer-ryze small{
  margin: 0;
  font-size: .7rem;
  color: #555;
  line-height: 1.1;
}

/* botão dentro do footer (não pode ser fixed) */
body.page-home #home-footer-ryze .js-atendimento{
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  gap: .4rem;
}

/* paginação acima do footer */
body.page-home #paginacao{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--home-footer-h) + var(--home-gap));

  z-index: 2400;
  width: min(720px, calc(100vw - 2rem));
  display: flex;
  justify-content: center;
  pointer-events: auto;
}


body #paginacao{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 35px;

  z-index: 2400;
  width: min(720px, calc(100vw - 2rem));
  display: flex;
  justify-content: center;
  pointer-events: auto;
}



/* reserva espaço para não esconder conteúdo atrás */
body.page-home{
  padding-bottom: calc(var(--home-footer-h) + 72px);
}

/* widget abre acima do footer */
body.page-home #supportWidget{
  position: fixed;
  right: 16px;
  bottom: calc(var(--home-footer-h) + 12px);
  z-index: 3000;
}


/* =========================================================
   SUPORTE (widget acima do rodapé)
   ========================================================= */

/* NÃO coloque .sw aqui, senão você quebra o hidden do widget */
body.page-home #supportWidget{
  position: fixed;
  right: 16px;
  bottom: calc(var(--home-footer-h) + 12px); /* abre acima do rodapé */
  z-index: 3000;
}